시각적 가이드를 선호하시나요? 아래 동영상을 시청하세요. 동영상 제작 이후 UI 요소가 변경되었을 수 있음을 유의하시기 바랍니다.
퍼널 빌더는 FunnelFlux의 핵심 시각적 편집기입니다.
여기서 모든 퍼널을 구축하고 설계할 수 있으며, 방문자를 처리하기 위해 서버가 사용하는 로직을 제어할 수 있습니다.
퍼널을 의사 결정 흐름도로 생각하는 것이 가장 좋습니다 - 그것이 바로 퍼널이기 때문입니다!
퍼널 빌더 메뉴
왼쪽 상단 모서리에 메뉴가 있는 것을 볼 수 있습니다. 여기서 다음과 같은 몇 가지 작업을 수행할 수 있습니다:
- 노드 팔레트를 열어 계정 리소스를 탐색하고 노드를 드래그 앤 드롭할 수 있습니다
- 링크 생성기에 접근할 수 있습니다 (하지만 나중에 보겠지만, 퍼널 노드를 클릭하는 것이 더 쉽습니다)
- 이름 및 고급 재정의와 같은 퍼널 설정을 변경할 수 있습니다
- 현재 퍼널에 대한 빠른 통계에 접근할 수 있습니다. 이는 퍼널 페이지의 테이블에 있는 작은 통계 아이콘을 클릭하는 것과 동일합니다
- 히트맵 보고서를 볼 수 있습니다. 이를 통해 방문, ROI 등과 같은 데이터를 보여주는 노드에 색상 코드 오버레이를 볼 수 있습니다. 시각적 보고를 선호하는 경우 유용합니다
- 이름 배지 - 전체 노드 이름을 보여주는 오버레이를 켭니다. 노드 이름이 길거나 비슷한 노드가 많아 더 자세한 정보를 보고 싶을 때 유용합니다
퍼널에 노드 추가하기
시작하려면 오른쪽 클릭으로 컨텍스트 메뉴를 불러와 노드를 추가할 수 있습니다:
또는 "노드 추가"를 클릭하고 노드 팔레트를 사용할 수 있습니다:
노드 팔레트에는 모든 기존 리소스가 나열되어 있어 랜딩 페이지/오퍼/조건 사이를 클릭하고 검색할 수 있습니다. 그런 다음 이 항목들을 캔버스로 클릭하고 드래그 > 드롭하면 됩니다.
노드 유형
현재 다섯 가지 노드 유형이 있습니다:
- 로테이터 (참고로 트래픽 노드는 로테이터입니다)
- 외부 URL
- 조건
- 오퍼 그룹
- 랜더 그룹
로테이터
이들은 퍼널에서 여러 방향으로 트래픽을 분할하기 위해 원하는 만큼 사용할 수 있습니다. 연결과 각 연결이 가진 가중치 %를 정의합니다.
외부 URL
이들은 사용자를 URL로 보내는 간단한 노드입니다. 이들은 나가는 연결을 가질 수 없으며, 사용자를 제어할 수 없는 외부 URL로 보내고 싶을 때만 사용해야 합니다. 예를 들어, 차단된 사용자를 특별 페이지로 리디렉션하거나, 오퍼가 아닌 제3자 사이트로 나가는 링크 등입니다.
조건
이들은 사용자를 라우팅하는 방법에 대한 규칙을 만드는 데 사용할 수 있습니다.
생성하는 모든 "경로"는 조건에서 나가는 연결이어야 합니다.
따라서 조건 노드에 특정 규칙이 있는 두 개의 "경로"를 만들면, 사용자는 그 규칙과 일치하고 결국 특정 경로로 보내집니다.
퍼널 빌더에서는 조건 노드에서 클릭하고 드래그하여 이러한 경로를 목적지 노드에 연결해야 합니다. 트래커가 항상 누군가를 어디로 보낼지 결정할 수 있어야 하므로 모든 경로는 목적지가 있어야 합니다.
랜더 및 오퍼 그룹
이들은 본질적으로 동일합니다 - 내부에 하나 이상의 페이지를 가질 수 있는 페이지 그룹 노드입니다.
여러 오퍼 간에 분할 테스트를 하고 싶다면, 각각 하나의 오퍼가 있는 여러 오퍼 노드를 추가하거나, 단일 오퍼 그룹 노드를 추가하고 그 설정 내에서 여러 페이지를 추가할 수 있습니다. 선택은 여러분의 몫입니다!
이 노드들 내에서 페이지 간 회전 % 및 기타 다양한 옵션을 설정할 수 있습니다.
퍼널 구축하기
노드를 생성한 후에는 이들을 서로 연결해야 합니다.
기억하세요, 이는 흐름도입니다 - 흐름도는 의미가 통하려면 각 항목 사이에 선이 그어져야 합니다.
연결이 끊어지면 퍼널이 저장을 거부하거나, 저장되어 사용되더라도 링크가 어디로도 가지 않는 오류가 발생할 수 있습니다.
연결을 만들려면 노드 위에 마우스를 올리세요. 여러 개의 작은 핸들이 나타날 것입니다:
핸들 중 하나를 클릭하고 누른 상태에서 다른 노드로 드래그한 후 놓으세요. 이렇게 하면 노드 A > B로의 연결이 생성됩니다.
연결은 단방향임을 주의하세요 - 한 방향입니다. A에서 B로 드래그할 때, 연결은 A에서 B로 가지만 B에서 A로는 가지 않습니다!
그 연결에는 위의 Action 1과 같은 레이블이 있을 것입니다. 레이블을 클릭하고 드래그하여 이동할 수 있으며, 그 연결의 방향을 나타내는 화살표를 볼 수 있어야 합니다.
모든 것을 연결했다면 언제든지 저장 버튼을 클릭하여 퍼널을 저장할 수 있습니다:
퍼널의 변경 사항은 이 버튼을 클릭할 때만 저장된다는 점을 유의하세요.
예를 들어 페이지 노드를 클릭하고 > 설정 패널이 열리고 이를 저장하면, 아직 그 변경 사항을 커밋하지 않은 것입니다.
이는 중요한데, 퍼널이 각 작업마다 저장된다면 변경 중에 자주 깨질 수 있고 그 동안 추적 링크가 깨질 수 있기 때문입니다. 따라서 위의 전체 퍼널을 저장할 때만 백엔드에 변경 사항을 커밋합니다.
저장/폐기 버튼이 켜지지 않는다면, 랜덤 노드를 움직여 트리거하세요.
링크 생성하기
퍼널에 트래픽을 보내고 싶을 때, 링크를 생성하여 그렇게 합니다.
퍼널의 어느 지점으로든 사용자를 보내는 링크를 생성할 수 있지만, 보통은 트래픽 노드를 사용합니다.
클릭하면 > 설정이 열립니다. 여기서 리디렉션 링크를 클릭하고 소스를 선택한 다음 링크를 얻을 수 있습니다:
이는 리디렉션 링크입니다 - 우리 서버로 가는 링크이며, 트래커가 사용자를 어디로 보낼지 결정합니다.
이 링크들을 저장할 필요가 없다는 점을 유의하세요. 이는 단지 링크 생성기일 뿐입니다. 이 패널을 닫고 다시 열면 리셋됩니다.
FunnelFlux의 링크는 동적이며 언제든지 생성될 수 있습니다 - 퍼널과 트래픽 소스에 따라 달라지며 저장해야 하는 각 링크마다 고유한 해시나 ID가 없습니다.
일부 트래픽 소스에서는 리디렉션 링크를 사용할 수 없거나 피하는 것이 좋을 수 있습니다(예: Google Ads, Microsoft Ads, Facebook).
그런 경우, 페이지로 직접 가지만 Javascript가 받을 URL 데이터를 추가하는 직접 링크를 생성할 수 있습니다.
이들은 페이지 그룹을 클릭하는 경우에만 사용 가능합니다:
Google Ads와 같은 트래픽 소스의 경우, "기본 페이지 URL"을 광고 URL로 사용하고, 우리가 제공하는 "URL 접미사"를 선택적 접미사 설정에 넣을 수 있습니다. 이는 여러 트래픽 소스에 존재하는 일반적인 광고 구성 패턴입니다.
광고를 로드할 때, 사용자는 전체 직접 URL을 로드하여 페이지로 이동하고, 우리의 Javascript가 방문과 URL 데이터를 기록합니다.
참고로, 해당 탭에서 우리의 Javascript를 얻을 수 있으며, 리디렉션 링크나 직접 링크를 사용하는지와 관계없이 제어하는 모든 페이지에 이를 넣어야 합니다. 모든 경우에 추적을 개선하는 중요한 기능이 있습니다:
액션 링크 - 페이지 클릭스루용
클릭스루가 발생할 수 있는 페이지가 있다면, 이를 우리는 "액션"이라고 부릅니다.
퍼널 빌더에서 페이지 노드에서 나가는 연결에 Action 1, Action 2 등의 레이블이 붙어 있는 것을 볼 수 있습니다.
사용자가 이러한 노드 중 하나에 도달하면, 다음 단계는 트래커에게 "액션 1 실행" 또는 이와 유사한 것을 알리는 것입니다. 매우 일반적인 지시입니다!
이는 트래커가 사용자와 그들의 위치를 알고 사용자를 다음에 어디로 보내야 할지 결정할 수 있도록 하기 위함입니다.
이를 위해서는 액션 링크가 필요합니다. 페이지 설정에서 액션 링크 탭을 클릭하거나 연결을 우클릭 > 액션 링크 가져오기를 통해 얻을 수 있습니다:
이렇게 하면 액션 링크 모달이 나타납니다:
이 링크가 매우 일반적임을 알 수 있습니다. 즉, DOMAIN/action/number 형식입니다
여기서 기본 리디렉션 파라미터를 토글할 수도 있지만, 대부분의 경우 필요하지 않으므로 지금은 무시해도 됩니다.
이 링크들을 페이지의 Call to Action 버튼이나 FunnelFlux가 클릭을 추적하고 사용자를 어디로 보낼지 제어하고 싶은 다른 링크에 사용하세요.
로컬 vs 글로벌 노드
노드 팔레트에서 "로컬"과 "글로벌"이라는 용어가 사용되는 것을 보셨을 겁니다:
로컬은 이 퍼널에만 존재하는 것을 의미하고, 글로벌은 퍼널 외부에 구성/설정이 존재함을 의미합니다.
로컬 노드 목록에서 드래그 앤 드롭하거나 우클릭 > 노드 추가를 할 때, 이 퍼널 내에만 존재하는 로컬 노드를 생성하는 것입니다.
목록에서 오퍼나 랜더를 드래그 앤 드롭할 때도 마찬가지입니다.
하지만 글로벌 랜더 그룹, 글로벌 오퍼 그룹, 글로벌 조건이 있는 목록도 있습니다.
이들은 퍼널 외부에 존재하는 항목입니다(앱에 페이지 그룹과 조건 페이지가 있습니다).
이들을 드래그 앤 드롭하면 평소와 같이 노드를 생성하지만, 그 설정은 퍼널 외부의 항목에 연결됩니다.
이렇게 하면 여러 퍼널에서 이 그룹/조건을 재사용할 수 있고 그 구성이 공유됩니다. 한 퍼널에서 항목을 변경하면(또는 해당 페이지에서) 그것을 사용하는 모든 퍼널에 영향을 미칩니다.
이러한 글로벌 리소스는 반복적으로 사용하고 싶은 것들에 유용합니다 - 예를 들어 데스크톱과 모바일을 라우팅하는 조건, 플래그된 ISP 목록을 반송하는 것, 또는 시간이 지남에 따라 조정하고 그 변경 사항을 모든 퍼널에 전파하고 싶은 "상위 X 오퍼"의 글로벌 목록 등입니다.
같은 현재 최고 성과 X 오퍼 목록을 사용하는 20개의 퍼널이 있고, 오퍼를 제거해야 한다면 모든 퍼널에서 각 노드를 수동으로 편집해야 한다고 상상해 보세요!
노드 삭제하기
언제든지 노드를 우클릭한 다음 삭제 옵션에서 마우스 버튼을 누르고 있으면 노드를 삭제할 수 있습니다:
노드가 삭제되면 실제로 퍼널에서 제거되지 않고 숨겨진다는 점을 주의하세요. 이는 기존 노드로의 링크가 깨지지 않도록 하기 위함입니다. 실수로 재앙을 막기 위함입니다(예: 노드를 삭제했는데 라이브 캠페인이 그 노드로 링크하고 있다는 것을 깨달음).
나중에 이러한 오래된 노드를 정리할 수 있는 정리 옵션을 추가할 예정입니다.